<template>
	<view class="page-wrapper">
		<view class="box">
			<view class="flex between align" style="height: 100rpx;">
				<view class="flex between align" style="color: #9C9C9C;">
					<uni-icons type="contact" size="19" color="#508CEE"></uni-icons>
					<view style="margin-right: 50rpx;">{{ item.user_name }}</view>
					<uni-icons type="link" size="19" color="#508CEE"></uni-icons>
					<view>{{ item.cat_name }}</view>
				</view>

				<view v-if="item.hetong_status == 0" style="color: #0286FA;">服务中</view>
				<view v-if="item.hetong_status == 1" style="color: #0286FA;">未完成</view>
				<view v-if="item.hetong_status == 2" style="color: #0286FA;">已撤销</view>
			</view>
		</view>

		<view style="width: 100%;height: 9rpx;background-color: #F2F2F2;"></view>

		<view class="box">
			<view class="flex between" style="margin-bottom: 40rpx;">
				<view style="color: #9C9C9C;">合同名称:</view>
				<view style="color: #666666;">{{ item.project_name }}</view>
			</view>
			<view class="flex between" style="margin-bottom: 40rpx;">
				<view style="color: #9C9C9C;">合同编号:</view>
				<view style="color: #666666;">{{ item.hetong_number }}</view>
			</view>
			<view class="flex between" style="margin-bottom: 40rpx;">
				<view style="color: #9C9C9C;">生效时间:</view>
				<view style="color: #666666;">{{ item.shengxiao_date }}</view>
			</view>
			<view class="flex between" style="margin-bottom: 40rpx;">
				<view style="color: #9C9C9C;">签署时间:</view>
				<view style="color: #666666;">{{ item.qianyue_date }}</view>
			</view>
			<view class="flex between" style="margin-bottom: 40rpx;">
				<view style="color: #9C9C9C;">合同金额:</view>
				<view style="color: #666666;">{{ item.hetong_price }}</view>
			</view>
			<view class="flex between" style="margin-bottom: 40rpx;">
				<view style="color: #9C9C9C;">优惠金额:</view>
				<view style="color: #666666;">{{ item.youhui_price }}</view>
			</view>

			<view style="width: 716rpx;height: 2rpx;background-color: #ccc;"></view>

			<view class="flex between" style="margin-top: 40rpx;">
				<view style="color: #0286FA;">合同文件</view>
				<uni-icons type="forward" size="12" color="#508CEE"></uni-icons>
			</view>
			<view class="flex between" style="margin-top: 40rpx;">
				<view style="color: #0286FA;">结算记录</view>
				<uni-icons type="forward" size="12" color="#508CEE"></uni-icons>
			</view>

			<!-- 	<view class="flex between" style="margin-bottom: 40rpx;">
						<view>姓名:<span style="margin-left: 20rpx;color: #999999;">{{list.user_name}}</span></view>
						<view style="color: red;">¥100</view>
					</view>
					<view class=""  style="margin-bottom: 40rpx;">
						电话:<span style="margin-left: 20rpx;color: #999999;">{{list.hetong_price}}</span>
					</view>
					<view class="">
						订单:<span style="margin-left: 20rpx;color: #999999;">{{list.cat_name}}</span>
					</view>
					<view class="" style="width: 100%;height: 2rpx;background-color: #c1c1c1;margin: 40rpx 0;">
						
					</view>
					
					<view class="flex between align" >
						<view style="font-size: 40rpx;" v-text="$timestampToTime(list.shengxiao_date)"></view>
						<view v-if="list.hetong_status==0" style="color: #0286FA;padding: 8rpx 10rpx;border: 1rpx solid #0286FA;">服务中</view>
						<view v-if="list.hetong_status==1" style="color: #0286FA;padding: 8rpx 10rpx;border: 1rpx solid #0286FA;">未完成</view>
						<view v-if="list.hetong_status==2" style="color: #0286FA;padding: 8rpx 10rpx;border: 1rpx solid #0286FA;">已撤销</view>
					</view> -->
		</view>
	</view>
</template>

<script>
import { api } from '@/util/api.js';
export default {
	data() {
		return {
			userInfo: null,
			item: {},
			loginStatus: 0,
			isView: false
		};
	},
	onLoad(e) {
		console.log(e);
		this.item = JSON.parse(e.data);
		console.log(this.item);
	},
	methods: {}
};
</script>

<style scoped>
.page-wrapper {
	background-color: #ffffff;

	box-sizing: border-box;
	font-size: 24rpx;
}
.box {
	box-sizing: border-box;
	padding: 29rpx 33rpx 0 37rpx;
	margin-top: 40rpx;
}
</style>
